<template>
<div v-if="age >=18">去网咖</div>
<div v-else-if="age>16">可以玩玩游戏</div>
<div v-else>未成年</div>
<button @click="uopen=!uopen">点击切换</button>
<h4 v-if="uopen">欢迎来到 你的魔幻世界</h4>
<h5 v-else> 进不去了 走你</h5>
</template>
<script setup>
import { ref } from 'vue'
//v-show 和v-if 都可以实现条件渲染 但是前者是数据隐藏 后置 判断直接把dom标签给删除了
const age = 15
const uopen =ref(true)
</script>